<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>
            angularDemo
        </title>
        <style>
            body {
                margin: 0;
                padding: 0;
            }
            .box {
                position:relative;
            }
            .list {
                position:absolute;
                left:20px;
                top:0;

            }
            .list>a {
                text-decoration:none;
                display:block;
                width: 100px;
                height: 40px;
                background-color: skyblue;
                border-radius:10px;
                text-align: center;
                line-height: 40px;
                font-weight:900;
                margin: 20px 0;
                color: rgb(85, 26, 139);
            }
            .list>a:visited {
                color: rgb(85, 26, 139);
                text-decoration: none;
            }
            .article {
                position:absolute;
                left: 140px;
                top:20px;
                width: 1000px;
                height: 600px;
                border: 1px solid #888;
                border-radius:4px;
            }
            h1 {
                color:red;
                font-weight:900;
                text-align: center;
                margin-top:100px;
            }
        </style>
        <script src="libs/echarts.min.js"></script>
    </head>
    <body ng-app="main">
        <div class="box">
            <div class="list">
                <a href="#/Home">
                    Home
                </a>
                <a href="#/Echarts">
                    Echarts
                </a>
                <a href="#/Canvas">
                    Canvas
                </a>
                <a href="#/Summary">
                    Summary
                </a>
            </div>
            <div class="article">
                <div ng-view style="width:100%;height:100%">

                </div>

            </div>
        </div>
        <script src="libs/angular.js"></script>
        <script src="libs/angular-route.min.js"></script>
        <script src="js/main.js"></script>
        <script src="home/home.js"></script>
        <script src="echarts/ech.js"></script>
        <script src="cas/cas.js"></script>
        <script src="sum/sum.js"></script>
    </body>
</html>